<template>
  <div>
    <div class="bg-white grid-content">
      <div style="overflow: hidden">
        <div class="mytitle">
          <svg-icon
            icon-class="yjbb"
            class="myIcon"
          />积压井产量影响汇总数据审核
        </div>
      </div>

      <el-tabs v-model="activeName" type="card" @tab-click="handleMenuClick">
        <el-tab-pane label="油井情况" name="first">油井情况</el-tab-pane>
        <el-tab-pane label="水井情况" name="second">水井情况</el-tab-pane>
        <el-tab-pane label="油井详情" name="third">油井详情</el-tab-pane>
        <el-tab-pane label="水井详情" name="fourth">水井详情</el-tab-pane>
      </el-tabs>

      <!--总览界面-->
      <el-table
        :data="tableData"
        border
        style="width: 100%"
        :header-cell-style="{ background: '#F5F7FA', color: '#909399' }"
        v-show="zonglanVisable"
      >
        <el-table-column align="center" prop="rq" label="填表日期">
        </el-table-column>
        <el-table-column align="center" prop="yjzyjqk" label="油井作业井情况">
          <el-table-column align="center" prop="jbj" label="检泵井">
            <el-table-column align="center" prop="jbjJs" label="井数（口）">
            </el-table-column>
            <el-table-column align="center" prop="jbjRyx" label="日影响（t/d）">
            </el-table-column>
          </el-table-column>
          <el-table-column align="center" prop="jyj" label="积压井" rolspan="2">
            <el-table-column align="center" prop="jyjJs" label="井数（口）">
            </el-table-column>
            <el-table-column align="center" prop="jyjRyx" label="日影响（t/d）">
            </el-table-column>
          </el-table-column>
          <el-table-column align="center" prop="cyj" label="测压井">
            <el-table-column align="center" prop="cyjJs" label="井数（口）">
            </el-table-column>
            <el-table-column align="center" prop="cyjRyx" label="日影响（t/d）">
            </el-table-column>
          </el-table-column>
          <el-table-column align="center" prop="csj" label="措施井">
            <el-table-column align="center" prop="csjFwyl" label="缝网压裂">
              <el-table-column
                align="center"
                prop="csjFwylJs"
                label="井数（口）"
              >
              </el-table-column>
              <el-table-column
                align="center"
                prop="csjFwylRyx"
                label="日影响（t/d）"
              >
              </el-table-column>
            </el-table-column>
            <el-table-column
              align="center"
              prop="csjLjfj"
              label="邻井封井/套管调查"
            >
              <el-table-column
                align="center"
                prop="csjLifjJs"
                label="井数（口）"
              >
              </el-table-column>
              <el-table-column
                align="center"
                prop="csjLifjRyx"
                label="日影响（t/d）"
              >
              </el-table-column>
            </el-table-column>
            <el-table-column align="center" prop="csjCsph" label="措施配合">
              <el-table-column
                align="center"
                prop="csjCsphJs"
                label="井数（口）"
              >
              </el-table-column>
              <el-table-column
                align="center"
                prop="csjCsphRyx"
                label="日影响（t/d）"
              >
              </el-table-column>
            </el-table-column>
          </el-table-column>
        </el-table-column>

        <el-table-column
          align="center"
          fixed="right"
          prop="approveStatus"
          label="审核状态"
        >
          <template slot-scope="scope">
            <el-tag
              :type="
                scope.row.approveStatus == '2'
                  ? 'success'
                  : scope.row.approveStatus == '1'
                  ? 'warning'
                  : scope.row.approveStatus == '0'
                  ? 'info'
                  : 'danger'
              "
              disable-transitions
              >{{
                scope.row.approveStatus == "2"
                  ? "已通过"
                  : scope.row.approveStatus == "1"
                  ? "未审核"
                  : scope.row.approveStatus == "0"
                  ? "未提交"
                  : "未通过"
              }}</el-tag
            >
          </template>
        </el-table-column>

        <el-table-column align="center" fixed="right" label="操作" width="100">
          <template slot-scope="scope">
            <el-button @click="handleClick(scope.row, 'check')" type="text"
              >查看</el-button
            >
            <el-button @click="handleClick(scope.row, 'edit')" type="text"
              >审核</el-button
            >
          </template>
        </el-table-column>
      </el-table>
      <!--水井情况界面-->
      <el-table
        :data="rongqiquData"
        border
        style="width: 100%"
        :header-cell-style="{ background: '#F5F7FA', color: '#909399' }"
        v-show="rongqiquVisable"
      >
        <el-table-column align="center" prop="rq" label="填表日期">
        </el-table-column>
        <el-table-column align="center" prop="sjzyjqk" label="水井作业井情况">
          <el-table-column align="center" prop="" label="">
            <el-table-column align="center" prop="cpj" label="重配井">
              <el-table-column align="center" prop="cpjJs" label="井数（口）">
              </el-table-column>
              <el-table-column
                align="center"
                prop="cpjRpz"
                label="日配注(m3/d)"
              >
              </el-table-column>
            </el-table-column>
            <el-table-column align="center" prop="fcxfj" label="分层、细分井">
              <el-table-column align="center" prop="fcxfjJs" label="井数（口）">
              </el-table-column>
              <el-table-column
                align="center"
                prop="fcxfjRpz"
                label="日配注(m3/d)"
              >
              </el-table-column>
            </el-table-column>
            <el-table-column align="center" prop="dxj" label="大修井">
              <el-table-column align="center" prop="dxjJs" label="井数（口）">
              </el-table-column>
              <el-table-column
                align="center"
                prop="dxjRpz"
                label="日配注(m3/d)"
              >
              </el-table-column>
            </el-table-column>
            <el-table-column align="center" prop="qtsjzy" label="其他水井作业">
              <el-table-column
                align="center"
                prop="qtsjzyJs"
                label="井数（口）"
              >
              </el-table-column>
              <el-table-column
                align="center"
                prop="qtsjzyRpz"
                label="日配注(m3/d)"
              >
              </el-table-column>
            </el-table-column>
          </el-table-column>
          <el-table-column align="center" prop="ycfawss" label="已出方案未实施">
            <el-table-column align="center" prop="ycfawssJs" label="井数（口）">
            </el-table-column>
            <el-table-column
              align="center"
              prop="ycfawssRpz"
              label="日配注(m3/d)"
            >
            </el-table-column>
          </el-table-column>
          <el-table-column align="center" prop="wcfawss" label="未出方案未实施">
            <el-table-column align="center" prop="wcfawssJs" label="井数（口）">
            </el-table-column>
            <el-table-column
              align="center"
              prop="wcfawssRpz"
              label="日配注(m3/d)"
            >
            </el-table-column>
          </el-table-column>
        </el-table-column>

        <el-table-column
          align="center"
          fixed="right"
          prop="approveStatus"
          label="审核状态"
        >
          <template slot-scope="scope">
            <el-tag
              :type="
                scope.row.approveStatus == '2'
                  ? 'success'
                  : scope.row.approveStatus == '1'
                  ? 'warning'
                  : scope.row.approveStatus == '0'
                  ? 'info'
                  : 'danger'
              "
              disable-transitions
              >{{
                scope.row.approveStatus == "2"
                  ? "已通过"
                  : scope.row.approveStatus == "1"
                  ? "未审核"
                  : scope.row.approveStatus == "0"
                  ? "未提交"
                  : "未通过"
              }}</el-tag
            >
          </template>
        </el-table-column>
        <el-table-column align="center" fixed="right" label="操作" width="100">
          <template slot-scope="scope">
            <el-button @click="handleClick(scope.row, 'check')" type="text"
              >查看</el-button
            >
            <el-button @click="handleClick(scope.row, 'edit')" type="text"
              >审核</el-button
            >
          </template>
        </el-table-column>
      </el-table>

      <!--油井详情界面-->
      <el-table
        :data="jiareluquData"
        border
        style="width: 100%"
        :header-cell-style="{ background: '#F5F7FA', color: '#909399' }"
        v-show="jiareluquVisable"
      >
        <el-table-column align="center" prop="rq" label="填表日期">
        </el-table-column>
        <el-table-column align="center" prop="yjzy" label="油井作业">
          <el-table-column align="center" prop="yjzy_zcl" label="正处理">
            <el-table-column type="index" label="序号"> </el-table-column>
            <el-table-column align="center" prop="yjzyZclXd" label="小队">
            </el-table-column>
            <el-table-column align="center" prop="yjzyZclJh" label="井号">
            </el-table-column>
            <el-table-column align="center" prop="yjzyZclSgrq" label="施工日期">
            </el-table-column>
            <el-table-column
              align="center"
              prop="yjzyZclRyx"
              label="日影响（t/d）"
            >
            </el-table-column>
            <el-table-column align="center" prop="yjzyZclJyyy" label="积压原因">
            </el-table-column>
            <el-table-column align="center" prop="yjzyZclSgcs" label="施工措施">
            </el-table-column>
            <el-table-column align="center" prop="yjzyZclMqjd" label="目前进度">
            </el-table-column>
            <el-table-column align="center" prop="yjzyZclBz" label="备注">
            </el-table-column>
          </el-table-column>
          <el-table-column align="center" prop="yjz_dcl" label="待处理">
            <el-table-column type="index" label="序号"> </el-table-column>
            <el-table-column align="center" prop="yjzyDclXd" label="小队">
            </el-table-column>
            <el-table-column align="center" prop="yjzyDclJh" label="井号">
            </el-table-column>
            <el-table-column align="center" prop="yjzyDclJyrq" label="积压日期">
            </el-table-column>
            <el-table-column
              align="center"
              prop="yjzyDclRyx"
              label="日影响（t/d）"
            >
            </el-table-column>
            <el-table-column align="center" prop="yjzyDclJyyy" label="积压原因">
            </el-table-column>
            <el-table-column align="center" prop="yjzyDclXbcs" label="下步措施">
            </el-table-column>
            <el-table-column align="center" prop="yjzyDclMqjd" label="目前进度">
            </el-table-column>
            <el-table-column align="center" prop="yjzyDclBz" label="备注">
            </el-table-column>
          </el-table-column>
          <el-table-column align="center" prop="yjzy_csph" label="措施配合">
            <el-table-column type="index" label="序号"> </el-table-column>
            <el-table-column align="center" prop="yjzyCsphXd" label="小队">
            </el-table-column>
            <el-table-column align="center" prop="yjzyCsphJh" label="井号">
            </el-table-column>
            <el-table-column
              align="center"
              prop="yjzyCsphSgrq"
              label="施工日期"
            >
            </el-table-column>
            <el-table-column
              align="center"
              prop="yjzyCsphRyx"
              label="日影响（t/d）"
            >
            </el-table-column>
            <el-table-column
              align="center"
              prop="yjzyCsphJyyy"
              label="积压原因"
            >
            </el-table-column>
            <el-table-column
              align="center"
              prop="yjzyCsphSgcs"
              label="施工措施"
            >
            </el-table-column>
            <el-table-column
              align="center"
              prop="yjzyCsphMqjd"
              label="目前进度"
            >
            </el-table-column>
            <el-table-column align="center" prop="yjzyCsphBz" label="备注">
            </el-table-column>
          </el-table-column>
          <el-table-column align="center" prop="yjzy_cjy" label="测静压">
            <el-table-column type="index" label="序号"> </el-table-column>
            <el-table-column align="center" prop="yjzyCjyXd" label="小队">
            </el-table-column>
            <el-table-column align="center" prop="yjzyCjyJh" label="井号">
            </el-table-column>
            <el-table-column align="center" prop="yjzyCjyCyrq" label="测压日期">
            </el-table-column>
            <el-table-column
              align="center"
              prop="yjzyCjyRyx"
              label="日影响（t/d）"
            >
            </el-table-column>
          </el-table-column>
          <el-table-column align="center" prop="yjzy_fwyl" label="缝网压裂">
            <el-table-column type="index" label="序号"> </el-table-column>
            <el-table-column align="center" prop="yjzyFwylXd" label="小队">
            </el-table-column>
            <el-table-column align="center" prop="yjzyFwylJh" label="井号">
            </el-table-column>
            <el-table-column
              align="center"
              prop="yjzyFwylSgrq"
              label="施工日期"
            >
            </el-table-column>
            <el-table-column
              align="center"
              prop="yjzyFwylRyx"
              label="日影响（t/d）"
            >
            </el-table-column>
          </el-table-column>
        </el-table-column>

        <el-table-column
          align="center"
          fixed="right"
          prop="approveStatus"
          label="审核状态"
        >
          <template slot-scope="scope">
            <el-tooltip
              :content="scope.row.approveBz"
              placement="bottom"
              effect="light"
              :disabled="!scope.row.approveBz"
            >
              <el-badge
                :is-dot="scope.row.approveBz || scope.row.approveBz === ' '"
                class="item"
              >
                <el-tag
                  :class="scope.row.approveBz ? 'tagstyle' : ''"
                  :type="
                    scope.row.approveStatus == '2'
                      ? 'success'
                      : scope.row.approveStatus == '1'
                      ? 'warning'
                      : scope.row.approveStatus == '0'
                      ? 'info'
                      : 'danger'
                  "
                  disable-transitions
                  >{{
                    scope.row.approveStatus == "2"
                      ? "已通过"
                      : scope.row.approveStatus == "1"
                      ? "未审核"
                      : scope.row.approveStatus == "0"
                      ? "未提交"
                      : "未通过"
                  }}</el-tag
                >
              </el-badge>
            </el-tooltip>
          </template>
        </el-table-column>

        <el-table-column align="center" fixed="right" label="操作" width="100">
          <template slot-scope="scope">
            <el-button @click="handleClick(scope.row, 'check')" type="text"
              >查看</el-button
            >
            <el-button @click="handleClick(scope.row, 'edit')" type="text"
              >审核</el-button
            >
          </template>
        </el-table-column>
      </el-table>
      <!--水井详情界面-->
      <el-table
        :data="jibengquData"
        border
        style="width: 100%"
        :header-cell-style="{ background: '#F5F7FA', color: '#909399' }"
        v-show="jibengquVisable"
      >
        <el-table-column align="center" prop="rq" label="填表日期">
        </el-table-column>
        <el-table-column align="center" prop="sjzy" label="水井作业">
          <el-table-column align="center" prop="sjzy_zzzyj" label="正在作业井">
            <el-table-column type="index" label="序号"> </el-table-column>
            <el-table-column align="center" prop="sjzyZzzyjXd" label="小队">
            </el-table-column>
            <el-table-column align="center" prop="sjzyZzzyjJh" label="井号">
            </el-table-column>
            <el-table-column
              align="center"
              prop="sjzyZzzyjSgrq"
              label="施工日期"
            >
            </el-table-column>
            <el-table-column
              align="center"
              prop="sjzyZzzyjRpz"
              label="日配注(m3/d)"
            >
            </el-table-column>
            <el-table-column
              align="center"
              prop="sjzyZzzyjCslx"
              label="措施类型"
            >
            </el-table-column>
            <el-table-column
              align="center"
              prop="sjzyZzzyjMqjd"
              label="目前进度"
            >
            </el-table-column>
            <el-table-column align="center" prop="sjzyZzzyjBz" label="备注">
            </el-table-column>
          </el-table-column>
          <el-table-column
            align="center"
            prop="sjzy_ycfawss"
            label="已出方案未实施"
          >
            <el-table-column type="index" label="序号"> </el-table-column>
            <el-table-column align="center" prop="sjzyYcfawssXd" label="小队">
            </el-table-column>
            <el-table-column align="center" prop="sjzyYcfawssJh" label="井号">
            </el-table-column>
            <el-table-column
              align="center"
              prop="sjzyYcfawssCfarq"
              label="出方案日期"
            >
            </el-table-column>
            <el-table-column
              align="center"
              prop="sjzyYcfawssCsyy"
              label="措施原因"
            >
            </el-table-column>
            <el-table-column align="center" prop="sjzyYcfawssBz" label="备注">
            </el-table-column>
          </el-table-column>
          <el-table-column
            align="center"
            prop="sjzy_wcfawss"
            label="未出方案未实施"
          >
            <el-table-column type="index" label="序号"> </el-table-column>
            <el-table-column align="center" prop="sjzyYcfawssXd" label="小队">
            </el-table-column>
            <el-table-column align="center" prop="sjzyYcfawssJh" label="井号">
            </el-table-column>
            <el-table-column
              align="center"
              prop="sjzyYcfawssCsyy"
              label="措施原因"
            >
            </el-table-column>
            <el-table-column align="center" prop="sjzyYcfawssBz" label="备注">
            </el-table-column>
          </el-table-column>
        </el-table-column>

        <el-table-column
          align="center"
          fixed="right"
          prop="approveStatus"
          label="审核状态"
        >
          <template slot-scope="scope">
            <el-tooltip
              :content="scope.row.approveBz"
              placement="bottom"
              effect="light"
              :disabled="!scope.row.approveBz"
            >
              <el-badge
                :is-dot="scope.row.approveBz || scope.row.approveBz === ' '"
                class="item"
              >
                <el-tag
                  :class="scope.row.approveBz ? 'tagstyle' : ''"
                  :type="
                    scope.row.approveStatus == '2'
                      ? 'success'
                      : scope.row.approveStatus == '1'
                      ? 'warning'
                      : scope.row.approveStatus == '0'
                      ? 'info'
                      : 'danger'
                  "
                  disable-transitions
                  >{{
                    scope.row.approveStatus == "2"
                      ? "已通过"
                      : scope.row.approveStatus == "1"
                      ? "未审核"
                      : scope.row.approveStatus == "0"
                      ? "未提交"
                      : "未通过"
                  }}</el-tag
                >
              </el-badge>
            </el-tooltip>
          </template>
        </el-table-column>

        <el-table-column align="center" fixed="right" label="操作" width="100">
          <template slot-scope="scope">
            <el-button @click="handleClick(scope.row, 'check')" type="text"
              >查看</el-button
            >
            <el-button @click="handleClick(scope.row, 'edit')" type="text"
              >审核</el-button
            >
          </template>
        </el-table-column>
      </el-table>

      <!-- 分页器 -->
      <el-pagination
        align="right"
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :current-page="currentPage"
        :page-sizes="[1, 5, 10, 20, 30]"
        :page-size="pageSize"
        layout="total, sizes, prev, pager, next, jumper"
        :total="tableData.length"
      >
      </el-pagination>
    </div>

    <!-- 油井情况弹出框 -->
    <el-dialog :title="myDialogTitle" :visible.sync="yjqkFormVisible">
      <el-form
        :inline="true"
        :model="yjqkForm"
        class="demo-form-inline"
        :disabled="isInput"
      >
        <el-divider content-position="left">填表日期</el-divider>
        <el-row>
          <el-col :span="12">
            <el-form-item label="填表日期:">
              <el-date-picker
                v-model="yjqkForm.rq"
                align="right"
                type="date"
                placeholder="请选择日期"
                :picker-options="pickerOptions"
                value-format="yyyy-MM-dd"
              >
              </el-date-picker>
            </el-form-item>
          </el-col>
        </el-row>

        <el-divider content-position="left">油井作业井情况</el-divider>
        <el-row>
          <el-col :span="12">
            <el-form-item label="检泵井井数">
              <el-input v-model="yjqkForm.jbjJs"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="检泵井日影响">
              <el-input v-model="yjqkForm.jbjRyx"></el-input>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="12">
            <el-form-item label="积压井井数">
              <el-input v-model="yjqkForm.jyjJs"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="积压井日影响">
              <el-input v-model="yjqkForm.jyjRyx"></el-input>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="12">
            <el-form-item label="测压井井数">
              <el-input v-model="yjqkForm.cyjJs"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="测压井日影响">
              <el-input v-model="yjqkForm.cyjRyx"></el-input>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="12">
            <el-form-item label="措施井缝网压裂井数">
              <el-input v-model="yjqkForm.csjFwylJs"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="措施井缝网压裂日影响">
              <el-input v-model="yjqkForm.csjFwylRyx"></el-input>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="12">
            <el-form-item label="措施井措施配合井数">
              <el-input v-model="yjqkForm.csjCsphJs"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="措施井措施配合日影响">
              <el-input v-model="yjqkForm.csjCsphRyx"></el-input>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="12">
            <el-form-item label="措施井邻井封井井数">
              <el-input v-model="yjqkForm.csjLifjJs"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="措施井邻井封井日影响">
              <el-input v-model="yjqkForm.csjLifjRyx"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>

      <el-form
        v-show="!ischeck"
        :inline="true"
        :model="sjqkForm"
        class="demo-form-inline"
        ref="sjqkForm"
        label-position="left"
        label-width="80px"
      >
        <el-form-item label="审核:">
          <el-select
            v-model="sjqkForm.approveStatus"
            placeholder="请选择审核状态"
          >
            <!-- syjForm.approveStatus=='0'? syjForm.approveStatus == '未审核':syjForm.approveStatus=='1'?syjForm.approveStatus == '通过':syjForm.approveStatus == '不通过' -->
            <el-option label="未审核" value="1"></el-option>
            <el-option label="通过" value="2"></el-option>
            <el-option label="不通过" value="3"></el-option>
          </el-select>
        </el-form-item>

        <el-row>
          <el-form-item label="审核备注:">
            <el-input
              v-model="sjqkForm.approveBz"
              placeholder="请输入审核备注"
            ></el-input>
          </el-form-item>
        </el-row>
      </el-form>

      <div slot="footer" class="dialog-footer" v-show="!ischeck">
        <el-button @click="yjqkFormVisible = false">取 消</el-button>
        <el-button type="primary" @click="submitForm('yjqkForm')"
          >确 定</el-button
        >
      </div>
    </el-dialog>

    <!--水井情况弹出框-->
    <el-dialog :title="myDialogTitle" :visible.sync="sjqkFormVisible">
      <el-form
        :inline="true"
        :model="sjqkForm"
        class="demo-form-inline"
        :disabled="isInput"
      >
        <el-divider content-position="left">填表日期</el-divider>
        <el-row>
          <el-col :span="12">
            <el-form-item label="填表日期:">
              <el-date-picker
                v-model="sjqkForm.rq"
                align="right"
                type="date"
                placeholder="请选择日期"
                :picker-options="pickerOptions"
                value-format="yyyy-MM-dd"
              >
              </el-date-picker>
            </el-form-item>
          </el-col>
        </el-row>

        <el-divider content-position="left">水井作业井情况</el-divider>
        <el-row>
          <el-col :span="12">
            <el-form-item label="重配井井数">
              <el-input v-model="sjqkForm.cpjJs"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="重配井日配注">
              <el-input v-model="sjqkForm.cpjRpz"></el-input>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="12">
            <el-form-item label="分层、细分井井数">
              <el-input v-model="sjqkForm.fcxfjJs"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="分层、细分井日配注">
              <el-input v-model="sjqkForm.fcxfjRpz"></el-input>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="12">
            <el-form-item label="大修井井数">
              <el-input v-model="sjqkForm.dxjJs"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="大修井日配注">
              <el-input v-model="sjqkForm.dxjRpz"></el-input>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="12">
            <el-form-item label="其他水井作业井数">
              <el-input v-model="sjqkForm.qtsjzyJs"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="其他水井作业日配注">
              <el-input v-model="sjqkForm.qtsjzyRpz"></el-input>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="12">
            <el-form-item label="已出方案未实施井数">
              <el-input v-model="sjqkForm.ycfawssJs"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="已出方案未实施日配注">
              <el-input v-model="sjqkForm.ycfawssRpz"></el-input>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="12">
            <el-form-item label="未出方案未实施井数">
              <el-input v-model="sjqkForm.wcfawssJs"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="未出方案未实施日配注">
              <el-input v-model="sjqkForm.wcfawssRpz"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>

      <el-form
        v-show="!ischeck"
        :inline="true"
        :model="sjqkForm"
        class="demo-form-inline"
        ref="sjqkForm"
        label-position="left"
        label-width="80px"
      >
        <el-form-item label="审核:">
          <el-select
            v-model="sjqkForm.approveStatus"
            placeholder="请选择审核状态"
          >
            <!-- syjForm.approveStatus=='0'? syjForm.approveStatus == '未审核':syjForm.approveStatus=='1'?syjForm.approveStatus == '通过':syjForm.approveStatus == '不通过' -->
            <el-option label="未审核" value="1"></el-option>
            <el-option label="通过" value="2"></el-option>
            <el-option label="不通过" value="3"></el-option>
          </el-select>
        </el-form-item>

        <el-row>
          <el-form-item label="审核备注:">
            <el-input
              v-model="sjqkForm.approveBz"
              placeholder="请输入审核备注"
            ></el-input>
          </el-form-item>
        </el-row>
      </el-form>
      <div slot="footer" class="dialog-footer" v-show="!ischeck">
        <el-button @click="sjqkFormVisible = false">取 消</el-button>
        <el-button type="primary" @click="submitForm2('sjqkForm')"
          >确 定</el-button
        >
      </div>
    </el-dialog>

    <!--油井详情弹出框-->
    <el-dialog :title="myDialogTitle" :visible.sync="yjxqFormVisible">
      <el-form
        :inline="true"
        :model="yjxqForm"
        class="demo-form-inline"
        :disabled="isInput"
      >
        <el-divider content-position="left">填表日期</el-divider>
        <el-row>
          <el-col :span="12">
            <el-form-item label="填表日期:">
              <el-date-picker
                v-model="yjxqForm.rq"
                align="right"
                type="date"
                placeholder="请选择日期"
                :picker-options="pickerOptions"
                value-format="yyyy-MM-dd"
              >
              </el-date-picker>
            </el-form-item>
          </el-col>
        </el-row>

        <el-divider content-position="left">正处理</el-divider>
        <el-row>
          <el-col :span="12">
            <el-form-item label="小队">
              <el-input
                v-model="yjxqForm.yjzyZclXd"
                placeholder="请输入小队"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="井号">
              <el-input
                v-model="yjxqForm.yjzyZclJh"
                placeholder="请输入井号"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="12">
            <el-form-item label="施工日期:">
              <el-date-picker
                v-model="yjxqForm.yjzyZclSgrq"
                type="datetime"
                placeholder="选择日期时间"
                align="right"
                :picker-options="pickerOptions"
              >
              </el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="日影响（t/d）">
              <el-input
                v-model="yjxqForm.yjzyZclRyx"
                placeholder="请输入日影响"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="12">
            <el-form-item label="积压原因">
              <el-input
                v-model="yjxqForm.yjzyZclJyyy"
                placeholder="请输入积压原因"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="施工措施">
              <el-input
                v-model="yjxqForm.yjzyZclSgcs"
                placeholder="请输入施工措施"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="12">
            <el-form-item label="目前进度">
              <el-input
                v-model="yjxqForm.yjzyZclMqjd"
                placeholder="请输入目前进度"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="备注">
              <el-input type="textarea" v-model="yjxqForm.yjzyZclBz"></el-input>
            </el-form-item>
          </el-col>
        </el-row>

        <el-divider content-position="left">待处理</el-divider>
        <el-row>
          <el-col :span="12">
            <el-form-item label="小队">
              <el-input
                v-model="yjxqForm.yjzyDclXd"
                placeholder="请输入小队"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="井号">
              <el-input
                v-model="yjxqForm.yjzyDclJh"
                placeholder="请输入井号"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="12">
            <el-form-item label="积压日期">
              <el-date-picker
                v-model="yjxqForm.yjzyDclJyrq"
                type="datetime"
                placeholder="选择日期时间"
                align="right"
                :picker-options="pickerOptions"
              >
              </el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="日影响（t/d）">
              <el-input
                v-model="yjxqForm.yjzyDclRyx"
                placeholder="请输入日影响"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="12">
            <el-form-item label="积压原因">
              <el-input
                v-model="yjxqForm.yjzyDclJyyy"
                placeholder="请输入积压原因"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="下步措施">
              <el-input
                v-model="yjxqForm.yjzyDclXbcs"
                placeholder="请输入下步措施"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="12">
            <el-form-item label="目前进度">
              <el-input
                v-model="yjxqForm.yjzyDclMqjd"
                placeholder="请输入目前进度"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="备注">
              <el-input type="textarea" v-model="yjxqForm.yjzyDclBz"></el-input>
            </el-form-item>
          </el-col>
        </el-row>

        <el-divider content-position="left">措施配合</el-divider>
        <el-row>
          <el-col :span="12">
            <el-form-item label="小队">
              <el-input
                v-model="yjxqForm.yjzyCsphXd"
                placeholder="请输入小队"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="井号">
              <el-input
                v-model="yjxqForm.yjzyCsphJh"
                placeholder="请输入井号"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="12">
            <el-form-item label="施工日期">
              <el-date-picker
                v-model="yjxqForm.yjzyCsphSgrq"
                type="datetime"
                placeholder="选择日期时间"
                align="right"
                :picker-options="pickerOptions"
              >
              </el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="日影响（t/d）">
              <el-input
                v-model="yjxqForm.yjzyCsphRyx"
                placeholder="请输入日影响"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="12">
            <el-form-item label="积压原因">
              <el-input
                v-model="yjxqForm.yjzyCsphJyyy"
                placeholder="请输入积压原因"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="施工措施">
              <el-input
                v-model="yjxqForm.yjzyCsphSgcs"
                placeholder="请输入施工措施"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="12">
            <el-form-item label="目前进度">
              <el-input
                v-model="yjxqForm.yjzyCsphMqjd"
                placeholder="请输入目前进度"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="备注">
              <el-input
                type="textarea"
                v-model="yjxqForm.yjzyCsphBz"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>

        <el-divider content-position="left">测静压</el-divider>
        <el-row>
          <el-col :span="12">
            <el-form-item label="小队">
              <el-input
                v-model="yjxqForm.yjzyCjyXd"
                placeholder="请输入小队"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="井号">
              <el-input
                v-model="yjxqForm.yjzyCjyJh"
                placeholder="请输入井号"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="12">
            <el-form-item label="测压日期">
              <el-date-picker
                v-model="yjxqForm.yjzyCjyCyrq"
                type="datetime"
                placeholder="选择日期时间"
                align="right"
                :picker-options="pickerOptions"
              >
              </el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="日影响（t/d）">
              <el-input
                v-model="yjxqForm.yjzyCjyRyx"
                placeholder="请输入日影响"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>

        <el-divider content-position="left">缝网压裂</el-divider>
        <el-row>
          <el-col :span="12">
            <el-form-item label="小队">
              <el-input
                v-model="yjxqForm.yjzyFwylXd"
                placeholder="请输入小队"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="井号">
              <el-input
                v-model="yjxqForm.yjzyFwylJh"
                placeholder="请输入井号"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="12">
            <el-form-item label="施工日期">
              <el-date-picker
                v-model="yjxqForm.yjzyFwylCyrq"
                type="datetime"
                placeholder="选择日期时间"
                align="right"
                :picker-options="pickerOptions"
              >
              </el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="日影响（t/d）">
              <el-input
                v-model="yjxqForm.yjzyFwylRyx"
                placeholder="请输入日影响"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>

      <el-form
        v-show="!ischeck"
        :inline="true"
        :model="yjxqForm"
        class="demo-form-inline"
        ref="yjxqForm"
      >
        <el-form-item label="审核">
          <el-select
            v-model="yjxqForm.approveStatus"
            placeholder="请选择审核状态"
          >
            <!-- syjForm.approveStatus=='0'? syjForm.approveStatus == '未审核':syjForm.approveStatus=='1'?syjForm.approveStatus == '通过':syjForm.approveStatus == '不通过' -->
            <el-option label="未审核" value="1"></el-option>
            <el-option label="通过" value="2"></el-option>
            <el-option label="不通过" value="3"></el-option>
          </el-select>
        </el-form-item>

        <el-row>
          <el-form-item label="审核备注:">
            <el-input
              v-model="yjxqForm.approveBz"
              placeholder="请输入审核备注"
            ></el-input>
          </el-form-item>
        </el-row>
      </el-form>
      <div slot="footer" class="dialog-footer" v-show="!ischeck">
        <el-button @click="yjxqFormVisible = false">取 消</el-button>
        <el-button type="primary" @click="submitForm3('yjxqForm')"
          >确 定</el-button
        >
      </div>
    </el-dialog>

    <!--水井详情弹出框-->
    <el-dialog :title="myDialogTitle" :visible.sync="sjxqFormVisible">
      <el-form
        :inline="true"
        :model="sjxqForm"
        class="demo-form-inline"
        :disabled="isInput"
      >
        <el-divider content-position="left">填表日期</el-divider>
        <el-row>
          <el-col :span="12">
            <el-form-item label="填表日期:">
              <el-date-picker
                v-model="sjxqForm.rq"
                align="right"
                type="date"
                placeholder="请选择日期"
                :picker-options="pickerOptions"
                value-format="yyyy-MM-dd"
              >
              </el-date-picker>
            </el-form-item>
          </el-col>
        </el-row>

        <el-divider content-position="left">正在作业井</el-divider>
        <el-row>
          <el-col :span="12">
            <el-form-item label="小队">
              <el-input
                v-model="sjxqForm.sjzyZzzyjXd"
                placeholder="请输入小队"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="井号">
              <el-input
                v-model="sjxqForm.sjzyZzzyjJh"
                placeholder="请输入井号"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="12">
            <el-form-item label="施工日期:">
              <el-date-picker
                v-model="sjxqForm.sjzyZzzyjSgrq"
                type="datetime"
                placeholder="选择日期时间"
                align="right"
                :picker-options="pickerOptions"
              >
              </el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="日配注(m3/d)">
              <el-input
                v-model="sjxqForm.sjzyZzzyjRpz"
                placeholder="请输入日配注"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="12">
            <el-form-item label="措施类型">
              <el-input
                v-model="sjxqForm.sjzyZzzyjCslx"
                placeholder="请输入措施类型"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="目前进度">
              <el-input
                v-model="sjxqForm.sjzyZzzyjMqjd"
                placeholder="请输入目前进度"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="12">
            <el-form-item label="备注">
              <el-input
                type="textarea"
                v-model="sjxqForm.sjzyZzzyjBz"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>

        <el-divider content-position="left">已出方案未实施</el-divider>
        <el-row>
          <el-col :span="12">
            <el-form-item label="小队">
              <el-input
                v-model="sjxqForm.sjzyYcfawssXd"
                placeholder="请输入小队"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="井号">
              <el-input
                v-model="sjxqForm.sjzyYcfawssJh"
                placeholder="请输入井号"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="12">
            <el-form-item label="出方案日期:">
              <el-date-picker
                v-model="sjxqForm.sjzyYcfawssCfarq"
                type="datetime"
                placeholder="选择日期时间"
                align="right"
                :picker-options="pickerOptions"
              >
              </el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="措施原因">
              <el-input
                v-model="sjxqForm.sjzyYcfawssCsyy"
                placeholder="请输入措施原因"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="12">
            <el-form-item label="备注">
              <el-input
                v-model="sjxqForm.sjzyYcfawssBz"
                placeholder="请输入备注"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>

        <el-divider content-position="left">未出方案未实施</el-divider>
        <el-row>
          <el-col :span="12">
            <el-form-item label="小队">
              <el-input
                v-model="sjxqForm.sjzyWcfawssXd"
                placeholder="请输入小队"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="井号">
              <el-input
                v-model="sjxqForm.sjzyWcfawssJh"
                placeholder="请输入井号"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="12">
            <el-form-item label="措施原因">
              <el-input
                v-model="sjxqForm.sjzyWcfawssCsyy"
                placeholder="请输入措施原因"
              ></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="备注">
              <el-input
                type="textarea"
                v-model="sjxqForm.sjzyWcfawssBz"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>

      <el-form
        v-show="!ischeck"
        :inline="true"
        :model="sjxqForm"
        class="demo-form-inline"
        ref="sjxqForm"
      >
        <el-form-item label="审核">
          <el-select
            v-model="sjxqForm.approveStatus"
            placeholder="请选择审核状态"
          >
            <!-- syjForm.approveStatus=='0'? syjForm.approveStatus == '未审核':syjForm.approveStatus=='1'?syjForm.approveStatus == '通过':syjForm.approveStatus == '不通过' -->
            <el-option label="未审核" value="1"></el-option>
            <el-option label="通过" value="2"></el-option>
            <el-option label="不通过" value="3"></el-option>
          </el-select>
        </el-form-item>

        <el-row>
          <el-form-item label="审核备注:">
            <el-input
              v-model="sjxqForm.approveBz"
              placeholder="请输入审核备注"
            ></el-input>
          </el-form-item>
        </el-row>
      </el-form>
      <div slot="footer" class="dialog-footer" v-show="!ischeck">
        <el-button @click="sjxqFormVisible = false">取 消</el-button>
        <el-button type="primary" @click="submitForm4('sjxqForm')"
          >确 定</el-button
        >
      </div>
    </el-dialog>
  </div>
</template>
  
  <script>
import jyjclyxhzApi from "@/api/jyjclyxhz";
export default {
  data() {
    return {
      currentPageName: "油井情况",

      activeName: "first",

      //水井情况数据
      rongqiquData: [{}],

      //油井详情数据
      jiareluquData: [{}],

      //水井详情数据
      jibengquData: [{}],

      // table数据
      tableData: [{}],

      //table数据总条数
      tableTotal: 0,
      //当前页码
      currentPage: 1,
      // 分页数
      pageSize: 5,

      //总览表单填报的数据
      yjqkForm: {
        rq: "", //填表日期
        jbjJs: "", //检泵井—井数
        jbjRyx: "", //检泵井—日影响
        jyjJs: "", //积压井—井数
        jyjRyx: "", //积压井—日影响
        cyjJs: "", //测压井—井数
        cyjRyx: "", //测压井—日影响
        csjFwylJs: "", //措施井—缝网压裂—井数
        csjFwylRyx: "", //措施井—缝网压裂—日影响
        csjLifjJs: "", //措施井—邻井封井—井数
        csjLifjRyx: "", //措施井—邻井封井—日影响
        csjCsphJs: "", //措施井—措施配合—井数
        csjCsphRyx: "", //措施井—措施配合—日影响
        approveStatus: "",
        approveBz: "",
        //表号，唯一标识
        id: "",
      },
      //水井情况表单填报数据
      sjqkForm: {
        id: "",
        approveStatus: "",
        approveBz: "",
        rq: "", //填表日期
        cpjJs: "", //重配井—井数
        cpjRpz: "", //重配井—井数
        fcxfjJs: "", //分层、细分井—井数
        fcxfjRpz: "", //分层、细分井—日配注
        dxjJs: "", //大修井—井数
        dxjRpz: "", //大修井—井数
        qtsjzyJs: "", //其他水井作业_井数
        qtsjzyRpz: "", //其他水井作业_日配注
        ycfawssJs: "", //已出方案未实施_井数
        ycfawssRpz: "", //已出方案未实施_日配注
        wcfawssJs: "", //未出方案未实施_井数
        wcfawssRpz: "", //未出方案未实施_日配注
      },

      yjxqForm: {
        id: "",
        approveStatus: "",
        approveBz: "",
        rq: "", //填表日期
        yjzyZclXd: "", //油井作业—正处理—小队
        yjzyZclJh: "", //油井作业—正处理—井号
        yjzy_zcl_sgrq: "", //油井作业—正处理—施工日期
        yjzyZclRyx: "", //油井作业—正处理—日影响
        yjzyZclJyyy: "", //油井作业—正处理—积压原因
        yjzyZclSgcs: "", //油井作业—正处理—施工措施
        yjzyZclMqjd: "", //油井作业—正处理—目前进度
        yjzyZclBz: "", //油井作业—正处理—备注
        yjzyDclXd: "", //油井作业—待处理—小队
        yjzyDclJh: "", //油井作业—待处理—井号
        yjzyDclJyrq: "", //油井作业—待处理—积压日期
        yjzyDclRyx: "", //油井作业—待处理—日影响
        yjzyDclJyyy: "", //油井作业—待处理—积压原因
        yjzyDclXbcs: "", //油井作业—待处理—下步措施
        yjzyDclMqjd: "", //油井作业—待处理—目前进度
        yjzyDclBz: "", //油井作业—待处理—备注
        yjzyCsphXd: "", //油井作业—措施配合—小队
        yjzyCsphJh: "", //油井作业—措施配合—井号
        yjzyCsphSgrq: "", //油井作业—措施配合—施工日期
        yjzyCsphRyx: "", //油井作业—措施配合—日影响
        yjzyCsphJyyy: "", //油井作业—措施配合—积压原因
        yjzyCsphSgcs: "", //油井作业—措施配合—施工措施
        yjzyCsphMqjd: "", //油井作业—措施配合—目前进度
        yjzyCsphBz: "", //油井作业—措施配合—备注
        yjzyCjyXd: "", //油井作业—测压井—小队
        yjzyCjyJh: "", //油井作业—测压井—井号
        yjzyCjyCyrq: "", //油井作业—测压井—测压日期
        yjzyCjyRyx: "", //油井作业—测压井—日影响
        yjzyFwylXd: "", //油井作业—缝网压裂—小队
        yjzyFwylJh: "", //油井作业—缝网压裂—井号
        yjzyFwylSgrq: "", //油井作业—缝网压裂—施工日期
        yjzyFwylRyx: "", //油井作业—缝网压裂—日影响
      },

      sjxqForm: {
        id: "",
        approveStatus: "",
        approveBz: "",
        rq: "", //填表日期
        sjzyZzzyjXd: "", //水井作业—正在作业井—小队
        sjzyZzzyjJh: "", //水井作业—正在作业井—井号
        sjzyZzzyjSgrq: "", //水井作业—正在作业井—施工日期
        sjzyZzzyjRpz: "", //水井作业—正在作业井—日配注
        sjzyZzzyjCslx: "", //水井作业—正在作业井—措施类型
        sjzyZzzyjMqjd: "", //水井作业—正在作业井—目前进度
        sjzyZzzyjBz: "", //水井作业—正在作业井—备注
        sjzyWcfawssXd: "", //水井作业—已出方案未实施—小队
        sjzyWcfawssJh: "", //水井作业—已出方案未实施—井号
        sjzyWcfawssCfarq: "", //水井作业—已出方案未实施—出方案日期
        sjzyWcfawssCsyy: "", //水井作业—已出方案未实施—措施原因
        sjzyWcfawssBz: "", //水井作业—已出方案未实施—备注
        sjzyWcfawssXd: "", //水井作业—未出方案未实施—小队
        sjzyWcfawssJh: "", //水井作业—未出方案未实施—井号
        sjzyWcfawssCsyy: "", //水井作业—未出方案未实施—措施原因
        sjzyWcfawssBz: "", //水井作业—未出方案未实施—备注
      },

      //时间快捷选择
      pickerOptions: {
        // disabledDate(time) {
        //   return time.getTime() > Date.now();
        // },
        shortcuts: [
          {
            text: "今天",
            onClick(picker) {
              picker.$emit("pick", new Date());
            },
          },
          {
            text: "昨天",
            onClick(picker) {
              const date = new Date();
              date.setTime(date.getTime() - 3600 * 1000 * 24);
              picker.$emit("pick", date);
            },
          },
          {
            text: "一周前",
            onClick(picker) {
              const date = new Date();
              date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
              picker.$emit("pick", date);
            },
          },
        ],
      },
      //获取当前日期
      currentTime: "",
      //
      saveAsDialog: "",
      //编辑框是否显示
      //总览编辑框是否显示
      yjqkFormVisible: false,

      //水井情况编辑框是否显示
      sjqkFormVisible: false,

      yjxqFormVisible: false,

      sjxqFormVisible: false,

      isInput: false,

      ischeck: false,
      //控制查看时不可更改数据
      myDialogTitle: "",

      //总览的可见性
      zonglanVisable: true,

      //水井情况的可见性
      rongqiquVisable: false,

      //油井详情的可见性
      jiareluquVisable: false,

      //水井详情可见性
      jibengquVisable: false,
    };
  },
  created() {
    this.search();
  },
  mounted() {
    this.filterTime();
    // this.initDate();
  },
  // computed:{
  //   isBetterToStr() {
  //     return this.syjForm.approveStatus.toString()
  //   }
  // },
  methods: {
    async search() {
      if (this.currentPageName === "油井情况") {
        //发送查询请求
        let res = await jyjclyxhzApi.getYjqkList(this.pageNo, this.pageSize);
        //判断是否成功
        if (res.success) {
          console.log(res.data);
          // //赋值
          this.tableData = res.data.records;
          // //总数量
          this.total = res.data.total;
        }
      } else if (this.currentPageName === "水井情况") {
        //发送查询请求
        let res = await jyjclyxhzApi.getSjqkList(this.pageNo, this.pageSize);
        //判断是否成功
        if (res.success) {
          console.log(res.data);
          // //赋值
          this.rongqiquData = res.data.records;
          // //总数量
          this.total = res.data.total;
        }
      } else if (this.currentPageName === "油井详情") {
        //发送查询请求
        let res = await jyjclyxhzApi.getYjxqList(this.pageNo, this.pageSize);
        //判断是否成功
        if (res.success) {
          console.log(res.data);
          // //赋值
          this.jiareluquData = res.data.records;
          // //总数量
          this.total = res.data.total;
        }
      } else if (this.currentPageName === "水井详情") {
        //发送查询请求
        let res = await jyjclyxhzApi.getSjxqList(this.pageNo, this.pageSize);
        //判断是否成功
        if (res.success) {
          console.log(res.data);
          // //赋值
          this.jibengquData = res.data.records;
          // //总数量
          this.total = res.data.total;
        }
      }
    },
    onSubmit() {
      console.log("submit!");
    },
    handleClose(done) {
      // 清空表单
      // this.$refs['syjForm'].resetFields();
      // 清空表单校验，避免再次进来会出现上次校验的记录
      this.$refs["yjqkForm"].clearValidate();
      done();
    },

    // 弹框关闭触发

    uploadData() {
      console.log("批量导入成功");
    },
    //每页条数改变时触发 选择一页显示多少行
    handleSizeChange(val) {
      console.log(`每页 ${val} 条`);
      this.currentPage = 1;
      this.pageSize = val;
    },
    //当前页改变时触发 跳转其他页
    handleCurrentChange(val) {
      console.log(`当前页: ${val}`);
      this.currentPage = val;
    },
    // 序号计算
    indexMethod(index) {
      // index默认在0开始，这里+1
      return index + 1 + (this.currentPage - 1) * this.pageSize;
    },

    //Tab标签区域切换按钮事件
    handleMenuClick(tab, event) {
      var content = event.target.innerText;
      if (content === "油井情况") {
        this.currentPageName = "油井情况";
        this.search();
        this.zonglanVisable = true;
        this.rongqiquVisable = false;
        this.jiareluquVisable = false;
        this.jibengquVisable = false;
      } else if (content === "水井情况") {
        this.currentPageName = "水井情况";
        this.search();
        this.zonglanVisable = false;
        this.rongqiquVisable = true;
        this.jiareluquVisable = false;
        this.jibengquVisable = false;
      } else if (content === "油井详情") {
        this.currentPageName = "油井详情";
        this.search();
        this.zonglanVisable = false;
        this.rongqiquVisable = false;
        this.jiareluquVisable = true;
        this.jibengquVisable = false;
      } else if (content === "水井详情") {
        this.currentPageName = "水井详情";
        this.search();
        this.zonglanVisable = false;
        this.rongqiquVisable = false;
        this.jiareluquVisable = false;
        this.jibengquVisable = true;
      }
      console.log(this.currentPageName);
    },

    close() {
      //总览编辑框是否显示
      this.yjqkFormVisible = false;
      //水井情况编辑框是否显示
      this.sjqkFormVisible = false;
      //油井详情编辑框是否显示
      this.yjxqFormVisable = false;
      this.sjqkFormVisable = false;
      this.search();
    },
    submitForm(formName) {
      this.$refs[formName].validate(async (valid) => {
        if (valid) {
          let res = null;
          console.log(this.yjqkForm.id + "111");
          //判断菜单ID是否为空
          if (this.yjqkForm.id === "") {
            //this.syjForm.rq = this.currentTime;
            //发送添加请求
            res = await jyjclyxhzApi.addYjqk(this.yjqkForm);
          } else {
            //发送修改请求
            //this.syjForm.approveStatus = 0;
            // console.log(334345)
            res = await jyjclyxhzApi.updateYjqk(this.yjqkForm);
          }
          console.log(res);
          //判断是否成功
          if (res.success) {
            this.$message.success(res.message);
            //刷新
            this.search();
            //关闭窗口
            this.dialogFormVisible = false;
          } else {
            console.log(res);
            this.$message.error(res.message);
          }
        }
      });
    },
    submitForm2(formName) {
      this.$refs[formName].validate(async (valid) => {
        if (valid) {
          let res = null;
          console.log(this.sjqkForm.id + "111");
          //判断菜单ID是否为空
          if (this.sjqkForm.id === "") {
            //this.syjForm.rq = this.currentTime;
            //发送添加请求
            res = await jyjclyxhzApi.addSjqk(this.sjqkForm);
          } else {
            //发送修改请求
            //this.syjForm.approveStatus = 0;
            // console.log(334345)
            res = await jyjclyxhzApi.updateSjqk(this.sjqkForm);
          }
          console.log(res);
          //判断是否成功
          if (res.success) {
            this.$message.success(res.message);
            //刷新
            this.search();
            //关闭窗口
            this.dialogFormVisible = false;
          } else {
            console.log(res);
            this.$message.error(res.message);
          }
        }
      });
    },
    submitForm3(formName) {
      this.$refs[formName].validate(async (valid) => {
        if (valid) {
          let res = null;
          console.log(this.sjqkForm.id + "111");
          //判断菜单ID是否为空
          if (this.yjxqForm.id === "") {
            //this.syjForm.rq = this.currentTime;
            //发送添加请求
            res = await jyjclyxhzApi.addYjxq(this.yjxqForm);
          } else {
            //发送修改请求
            //this.syjForm.approveStatus = 0;
            // console.log(334345)
            res = await jyjclyxhzApi.updateYjxq(this.yjxqForm);
          }
          console.log(res);
          //判断是否成功
          if (res.success) {
            this.$message.success(res.message);
            //刷新
            this.search();
            //关闭窗口
            this.dialogFormVisible = false;
          } else {
            console.log(res);
            this.$message.error(res.message);
          }
        }
      });
    },
    submitForm4(formName) {
      this.$refs[formName].validate(async (valid) => {
        if (valid) {
          let res = null;
          console.log(this.sjqkForm.id + "111");
          //判断菜单ID是否为空
          if (this.sjxqForm.id === "") {
            //this.syjForm.rq = this.currentTime;
            //发送添加请求
            res = await jyjclyxhzApi.addSjxq(this.sjxqForm);
          } else {
            //发送修改请求
            //this.syjForm.approveStatus = 0;
            // console.log(334345)
            res = await jyjclyxhzApi.updateSjxq(this.sjxqForm);
          }
          console.log(res);
          //判断是否成功
          if (res.success) {
            this.$message.success(res.message);
            //刷新
            this.search();
            //关闭窗口
            this.dialogFormVisible = false;
          } else {
            console.log(res);
            this.$message.error(res.message);
          }
        }
      });
    },
    handleClick(row, handle) {
      if (this.currentPageName === "油井情况") {
        // 代表现在在总览页面打开隐藏的form表单，应该显示总览的Form
        this.yjqkFormVisible = true;
        if (handle === "check") {
          //   this.yjqkForm = row;
          //   this.myDialogTitle = "积压井产量影响汇总信息查看";
          //   if (row.approveStatus == 0) {
          //     //可以提交审核
          //     this.ischeckSh = true;
          //   } else {
          //     //不可以提交审核
          //     this.ischeckSh = false;
          //   }
          //   //不显示确认按钮
          //   this.ischeck = true;
          //   //所有表单禁用
          //   this.isInput = true;
          //   this.$message({ message: "成功打开", type: "success" });
          this.myDialogTitle = "水源井统计";
          this.saveAsDialog = "saveAsDialog1";
          this.ischeck = true;
          this.isInput = true; // 1.表单禁用
          // this.syjForm = row
          this.$objCopy(row, this.yjqkForm); //把当前要编辑的数据复制到数据域，给表单回显
          this.$message({ message: "成功打开", type: "success" });
        } else if (handle === "edit") {
          //只要不是已通过审核
          if (row.approveStatus != 2) {
            // this.myDialogTitle = "积压井产量影响汇总信息审核";
            // //显示确认按钮
            // this.ischeck = false;
            // //取消表单禁用
            // this.isInput = true;
            // this.yjqkForm = row; //把当前要编辑的数据复制到数据域，给表单回显
            // this.yjqkForm.approveStatus = row.approveStatus.toString();
            this.myDialogTitle = "水源井统计审核";
            this.saveAsDialog = "saveAsDialog2";
            this.ischeck = false;
            this.isInput = false;
            this.$objCopy(row, this.yjqkForm); //把当前要编辑的数据复制到数据域，给表单回显
            this.yjqkForm.approveStatus = row.approveStatus.toString();
          } else {
            //已经通过审核不能再显示
            this.yjqkFormVisible = false;
            this.$message({ message: "已审核不可在审核！", type: "error" });
          }
          //   this.operatorstr = "edit";
        }
        //同时其他的Form设置为false
        this.sjqkFormVisible = false;
        this.yjxqFormVisible = false;
        this.sjxqFormVisible = false;
        this.qijiliangquFormVisible = false;
        this.jinchuzhancanshuFormVisible = false;
        this.jibengyunxingjiluFormVisible = false;
        this.zongheshujuFormVisible = false;
      } else if (this.currentPageName === "水井情况") {
        // 代表现在在总览页面打开隐藏的form表单，应该显示总览的Form
        this.sjqkFormVisible = true;
        if (handle === "check") {
          this.sjqkForm = row;
          this.myDialogTitle = "积压井产量影响汇总信息查看";
          //不显示确认按钮
          this.ischeck = true;
          //所有表单禁用
          this.isInput = true;
          this.$message({ message: "成功打开", type: "success" });
        } else if (handle === "edit") {
          this.operatorstr = "edit";
          //只要不是已通过审核
          if (row.approveStatus != 2) {
            this.myDialogTitle = "积压井产量影响汇总信息编辑";
            //显示确认按钮
            this.ischeck = false;
            //不显示审核按钮
            this.ischeckSh = false;
            //取消表单禁用
            this.isInput = false;
            this.sjqkForm = row; //把当前要编辑的数据复制到数据域，给表单回显
          } else {
            //已经通过审核不能再显示
            this.sjqkFormVisible = false;
            this.$message({ message: "已通过不可修改！", type: "error" });
          }
          this.operatorstr = "edit";
        }
        this.yjqkFormVisible = false;
        this.yjxqFormVisible = false;
        this.sjxqFormVisible = false;
        this.qijiliangquFormVisible = false;
        this.jinchuzhancanshuFormVisible = false;
        this.jibengyunxingjiluFormVisible = false;
        this.zongheshujuFormVisible = false;
      } else if (this.currentPageName === "油井详情") {
        // 代表现在在总览页面打开隐藏的form表单，应该显示总览的Form
        this.yjxqFormVisible = true;
        if (handle === "check") {
          this.yjxqForm = row;
          this.myDialogTitle = "积压井产量影响汇总信息查看";
          //不显示确认按钮
          this.ischeck = true;
          //所有表单禁用
          this.isInput = true;
          this.$message({ message: "成功打开", type: "success" });
        } else if (handle === "edit") {
          this.operatorstr = "edit";
          //只要不是已通过审核
          if (row.approveStatus != 2) {
            this.myDialogTitle = "积压井产量影响汇总信息编辑";
            //显示确认按钮
            this.ischeck = false;
            //不显示审核按钮
            this.ischeckSh = false;
            //取消表单禁用
            this.isInput = false;
            this.yjxqForm = row; //把当前要编辑的数据复制到数据域，给表单回显
          } else {
            //已经通过审核不能再显示
            this.yjxqFormVisible = false;
            this.$message({ message: "已通过不可修改！", type: "error" });
          }
          this.operatorstr = "edit";
        }
        this.yjqkFormVisible = false;
        this.sjqkFormVisible = false;
        this.sjxqFormVisible = false;
        this.qijiliangquFormVisible = false;
        this.jinchuzhancanshuFormVisible = false;
        this.jibengyunxingjiluFormVisible = false;
        this.zongheshujuFormVisible = false;
      } else if (this.currentPageName === "水井详情") {
        // 代表现在在总览页面打开隐藏的form表单，应该显示总览的Form
        this.sjxqFormVisible = true;
        if (handle === "check") {
          this.sjxqForm = row;
          this.myDialogTitle = "积压井产量影响汇总信息查看";
          //不显示确认按钮
          this.ischeck = true;
          //所有表单禁用
          this.isInput = true;
          this.$message({ message: "成功打开", type: "success" });
        } else if (handle === "edit") {
          this.operatorstr = "edit";
          //只要不是已通过审核
          if (row.approveStatus != 2) {
            this.myDialogTitle = "积压井产量影响汇总信息编辑";
            //显示确认按钮
            this.ischeck = false;
            //不显示审核按钮
            this.ischeckSh = false;
            //取消表单禁用
            this.isInput = false;
            this.sjxqForm = row; //把当前要编辑的数据复制到数据域，给表单回显
          } else {
            //已经通过审核不能再显示
            this.sjxqFormVisible = false;
            this.$message({ message: "已通过不可修改！", type: "error" });
          }
          this.operatorstr = "edit";
        }
        this.yjqkFormVisible = false;
        this.sjqkFormVisible = false;
        this.yjxqFormVisible = false;
        this.qijiliangquFormVisible = false;
        this.jinchuzhancanshuFormVisible = false;
        this.jibengyunxingjiluFormVisible = false;
        this.zongheshujuFormVisible = false;
      } else if (this.currentPageName === "气计量区") {
        // 代表现在在总览页面打开隐藏的form表单，应该显示总览的Form
        this.qijiliangquFormVisible = true;
        if (handle === "check") {
          this.qijiliangquForm = row;
          this.myDialogTitle = "转油站综合日报表气计量区信息查看";
          //不显示确认按钮
          this.ischeck = true;
          //所有表单禁用
          this.isInput = true;
          this.$message({ message: "成功打开", type: "success" });
        } else if (handle === "edit") {
          this.operatorstr = "edit";
          //只要不是已通过审核
          if (row.approveStatus != 2) {
            this.myDialogTitle = "转油站综合日报表气计量区信息编辑";
            //显示确认按钮
            this.ischeck = false;
            //不显示审核按钮
            this.ischeckSh = false;
            //取消表单禁用
            this.isInput = false;
            this.qijiliangquForm = row; //把当前要编辑的数据复制到数据域，给表单回显
          } else {
            //已经通过审核不能再显示
            this.qijiliangquFormVisible = false;
            this.$message({ message: "已通过不可修改！", type: "error" });
          }
          this.operatorstr = "edit";
        }
        this.yjqkFormVisible = false;
        this.sjqkFormVisible = false;
        this.yjxqFormVisible = false;
        this.sjxqFormVisible = false;
        this.jinchuzhancanshuFormVisible = false;
        this.jibengyunxingjiluFormVisible = false;
        this.zongheshujuFormVisible = false;
      } else if (this.currentPageName === "进出站参数") {
        // 代表现在在总览页面打开隐藏的form表单，应该显示总览的Form
        this.jinchuzhancanshuFormVisible = true;
        if (handle === "check") {
          this.jinchuzhancanshuForm = row;
          this.myDialogTitle = "转油站综合日报表进出站参数信息查看";
          //不显示确认按钮
          this.ischeck = true;
          //所有表单禁用
          this.isInput = true;
          this.$message({ message: "成功打开", type: "success" });
        } else if (handle === "edit") {
          this.operatorstr = "edit";
          //只要不是已通过审核
          if (row.approveStatus != 2) {
            this.myDialogTitle = "转油站综合日报表进出站参数信息编辑";
            //显示确认按钮
            this.ischeck = false;
            //不显示审核按钮
            this.ischeckSh = false;
            //取消表单禁用
            this.isInput = false;
            this.jinchuzhancanshuForm = row; //把当前要编辑的数据复制到数据域，给表单回显
          } else {
            //已经通过审核不能再显示
            this.jinchuzhancanshuFormVisible = false;
            this.$message({ message: "已通过不可修改！", type: "error" });
          }
          this.operatorstr = "edit";
        }
        this.yjqkFormVisible = false;
        this.sjqkFormVisible = false;
        this.yjxqFormVisible = false;
        this.sjxqFormVisible = false;
        this.qijiliangquFormVisible = false;
        this.jibengyunxingjiluFormVisible = false;
        this.zongheshujuFormVisible = false;
      } else if (this.currentPageName === "机泵运行记录") {
        // 代表现在在总览页面打开隐藏的form表单，应该显示总览的Form
        this.jibengyunxingjiluFormVisible = true;
        if (handle === "check") {
          this.jibengyunxingjiluForm = row;
          this.myDialogTitle = "转油站综合日报表机泵运行记录信息查看";
          //不显示确认按钮
          this.ischeck = true;
          //所有表单禁用
          this.isInput = true;
          this.$message({ message: "成功打开", type: "success" });
        } else if (handle === "edit") {
          this.operatorstr = "edit";
          //只要不是已通过审核
          if (row.approveStatus != 2) {
            this.myDialogTitle = "转油站综合日报表机泵运行记录信息编辑";
            //显示确认按钮
            this.ischeck = false;
            //不显示审核按钮
            this.ischeckSh = false;
            //取消表单禁用
            this.isInput = false;
            this.jibengyunxingjiluForm = row; //把当前要编辑的数据复制到数据域，给表单回显
          } else {
            //已经通过审核不能再显示
            this.jibengyunxingjiluFormVisible = false;
            this.$message({ message: "已通过不可修改！", type: "error" });
          }
          this.operatorstr = "edit";
        }
        this.yjqkFormVisible = false;
        this.sjqkFormVisible = false;
        this.yjxqFormVisible = false;
        this.sjxqFormVisible = false;
        this.qijiliangquFormVisible = alse;
        this.jinchuzhancanshuFormVisible = false;
        this.zongheshujuFormVisible = false;
      } else if (this.currentPageName === "综合数据") {
        // 代表现在在总览页面打开隐藏的form表单，应该显示总览的Form
        this.zongheshujuFormVisible = true;
        if (handle === "check") {
          this.zongheshujuForm = row;
          this.myDialogTitle = "转油站综合日报表综合数据信息查看";
          //不显示确认按钮
          this.ischeck = true;
          //所有表单禁用
          this.isInput = true;
          this.$message({ message: "成功打开", type: "success" });
        } else if (handle === "edit") {
          this.operatorstr = "edit";
          //只要不是已通过审核
          if (row.approveStatus != 2) {
            this.myDialogTitle = "转油站综合日报表综合数据信息编辑";
            //显示确认按钮
            this.ischeck = false;
            //不显示审核按钮
            this.ischeckSh = false;
            //取消表单禁用
            this.isInput = false;
            this.zongheshujuForm = row; //把当前要编辑的数据复制到数据域，给表单回显
          } else {
            //已经通过审核不能再显示
            this.zongheshujuFormVisible = false;
            this.$message({ message: "已通过不可修改！", type: "error" });
          }
          this.operatorstr = "edit";
        }
        this.yjqkFormVisible = false;
        this.sjqkFormVisible = false;
        this.yjxqFormVisible = false;
        this.sjxqFormVisible = false;
        this.qijiliangquFormVisible = false;
        this.jinchuzhancanshuFormVisible = false;
        this.jibengyunxingjiluFormVisible = false;
      }
    },
    /*** 当每页数量发生变化时触发该事件 */
    handleSizeChange(size) {
      console.log(size);
      this.pageSize = size;
      //将每页显示的数量交给成员变量
      this.search(this.pageNo, size);
    },
    /*** 当页码发生变化时触发该事件 */
    handleCurrentChange(page) {
      console.log(page);
      this.pageNo = page;
      //调用查询方法
      this.search(page, this.pageSize);
    },
    // 序号计算
    indexMethod(index) {
      // index默认在0开始，这里+1
      return index + 1 + (this.pageNo - 1) * this.pageSize;
    },
    // 获取当前日期
    filterTime() {
      var date = new Date();
      var y = date.getFullYear();
      var m = date.getMonth() + 1;
      m = m < 10 ? "0" + m : m;
      var d = date.getDate();
      d = d < 10 ? "0" + d : d;
      this.currentTime = y + "-" + m + "-" + d;
    },
  },
};
</script>
  
  <style lang="scss" scoped>
// 标题
.mytitle {
  font-size: large;
  padding-left: 10px;
  margin-bottom: 16px;
  float: left;
}

//按钮组
.myButtons {
  float: right;
}

//格子的样式
.bg-white {
  background: #ffffff;
}

.grid-content {
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 4px;
}

.calendar ::v-deep .el-button-group::before {
  display: none;
}

.calendar ::v-deep .el-button-group::after {
  display: none;
}

// 分割线样式
.el-divider--horizontal {
  display: block;
  height: 2px;
  width: 100%;
  margin: 24px 0;
}

// 表单各项的样式
.el-form-item {
  margin: 15px 10px 15px 10px;
}
</style>
  